@import '@/styles/common.less';
.priorityClassDetails_container {
    background-color: #f7f7f7;
    width: 100%;
}
.priority_title {
    font-weight: bold;
    font-size: 20;
    color: #333;
    padding: 0 32px 32px 32px;
    background-color: #fff;
}
.column_pop {
    display: flex !important;
    flex-direction: column !important;
}
.priority_header {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding-right: 32px;
}

  /** yaml**/
  .yaml_card {
    padding: 32px 32px 25px 32px;
    .yaml_flex_box {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      .yaml_tools {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        .tool_word_group {
          margin-right: 24px;
          font-size: 14px;
          line-height: 22px;
          cursor: pointer;
          display: flex;
          flex-direction: row;
          align-items: center;
          svg {
            margin-right: 3px;
          }
          span {
            color: @icon-normal_color;
          }
        }
        .tool_word_group:last-child {
          margin-right: 0;
        }
      }
      .extend_yaml_left{
        display: flex;
        .@{container-prefix}-checkbox + span{
          width: auto;
        }
      }
    }
  }
  .tab_container{
    background: @page-container-color;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .btn_footer{
    margin-top:20px;
    padding-right: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
  }
